<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>创业问答</title>
    <!--公共样式-->
    <link rel="stylesheet" href="css/base.css">
    <!--本页面css-->
    <link rel="stylesheet" href="css/info.css">
    <!--导航栏css-->
    <link rel="stylesheet" href="css/style.css">
    <!--公用样式-->
    <link rel="stylesheet" href="css/common.css">
    <!--swiper-->
    <link rel="stylesheet" href="lib/swiper/swiper.min.css">
</head>
<body>
<!--回到顶部-->
<div class="backtop">
    <a href="#" class="">
        TOP
    </a>

</div>

<!--头部开始-->
<header>
    <div class="w header-w">
        <!--logo部分-->
        <div class="logo">
            <h1>
                <a href="/">

                </a>
            </h1>
        </div>

        <!--搜索框-->
        <div id="search" class="">
            <div class="search-m">
                <div class="form">
                    <button class="search-btn">
                        搜索
                    </button>
                    <input type="" name="" class="search-inp" style="color: rgb(153,153,153);"
                           placeholder="炸鸡、汉堡、麻辣烫...">

                </div>
            </div>
            <!--搜索热词-->
            <div class="search-word">
                <a href="javascript:void(0);">投资金额：</a>
                <a href="javascript:void(0);">3-5万</a>
                <a href="javascript:void(0);">5-10万</a>
                <a href="javascript:void(0);">15-20万</a>
                <a href="javascript:void(0);">20-30万</a>
            </div>
        </div>

        <!--三个图标-->
        <div class="join">
            <a href="javascript:void(0);">
                <img src="images/index/join01.png" alt="">
                <p>项目库</p>
            </a>
            <a href="javascript:void(0);">
                <img src="images/index/join02.png" alt="">
                <p>招商发布</p>
            </a>
            <a href="javascript:void(0);">
                <img src="images/index/join03.png" alt="">
                <p>展商入驻</p>
            </a>
        </div>
    </div>
</header>

<div id="swiper-container1">

</div>

<!--导航 Start-->
<div class="menu my-tab-cls">
    <div class="nav w">
        <ul class="clearfix">
            <li><a href="/">项目分类</a></li>
            <li><a href="/project.html">项目库</a></li>
            <li><a href="javascript:void(0);" class="current">行业资讯</a></li>
            <li><a href="javascript:void(0);">精选展会</a></li>
            <li><a href="/qapage.html">创业问答</a></li>
        </ul>
    </div>

</div>
<!--导航 End-->


<!--正文开始-->
<main>
    <!--版心-->
    <div class="ww main-box clearfix">
        <!--左边-->
        <div class="mb-left">
            <ul class="mbl-nav">
                <li>
                    <a href="javascript:void(0);" class="mbln-active">
                        <i class="iconfont">&#xe607;</i>热门专题
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        <i class="iconfont" style="font-size: 18px;vertical-align: middle">&#xe657;</i>行业资讯
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        <i class="iconfont">&#xe606;</i>创业知识
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        <i class="iconfont">&#xe669;</i>创业故事
                    </a>
                </li>
            </ul>
            <p>扫二维码有惊喜</p>
            <div class="qrcode">
                <a href="javascript:void(0);">
                    <img src="images/info/qrcode.png" alt="">
                </a>
            </div>
        </div>
        <!--中间部分-->
        <div class="mb-mid">
            <!--轮播图预留位置-->
            <div class="banner">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="javascript:void(0);">
                                <img src="images/info/banner01.png" alt="">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:void(0);">
                                <img src="images/info/banner01.png" alt="">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:void(0);">
                                <img src="images/info/banner01.png" alt="">
                            </a>
                        </div>
                    </div>
                    <!--&lt;!&ndash; 如果需要分页器 &ndash;&gt;-->
                    <!--<div class="swiper-pagination"></div>-->

                    <!--&lt;!&ndash; 如果需要导航按钮 &ndash;&gt;-->
                    <!--<div class="swiper-button-prev"></div>-->
                    <!--<div class="swiper-button-next"></div>-->

                </div>
            </div>

            <!--文章列表-->
            <ul class="article">
                <li>
                    <a href="/infodetails.html">
                        <img src="images/info/article_img.png" alt="">
                        <div class="msg">
                            <h2>致富经经典案例：一个辣椒改变她的人生！</h2>
                            <div class="msg-label">热门</div>
                            <p class="cont">创业者来说，一个好的想法能够带来很多发财的机会。你敢做，说不定哪天，你也是致富经里的案例。最重要的是有一双善于发现的眼睛。</p>
                            <div class="view">
                                <span><i class="iconfont">&#xe620;</i>浏览：<em>2750</em>人</span>
                                <span>2019-1-19</span>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        <img src="images/info/article_img.png" alt="">
                        <div class="msg">
                            <h2>致富经经典案例：一个辣椒改变她的人生！</h2>
                            <div class="msg-label">热门</div>
                            <p class="cont">创业者来说，一个好的想法能够带来很多发财的机会。你敢做，说不定哪天，你也是致富经里的案例。最重要的是有一双善于发现的眼睛。</p>
                            <div class="view">
                                <span><i class="iconfont">&#xe620;</i>浏览：<em>2750</em>人</span>
                                <span>2019-1-19</span>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        <img src="images/info/article_img.png" alt="">
                        <div class="msg">
                            <h2>致富经经典案例：一个辣椒改变她的人生！</h2>
                            <div class="msg-label">热门</div>
                            <p class="cont">创业者来说，一个好的想法能够带来很多发财的机会。你敢做，说不定哪天，你也是致富经里的案例。最重要的是有一双善于发现的眼睛。</p>
                            <div class="view">
                                <span><i class="iconfont">&#xe620;</i>浏览：<em>2750</em>人</span>
                                <span>2019-1-19</span>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        <img src="images/info/article_img.png" alt="">
                        <div class="msg">
                            <h2>致富经经典案例：一个辣椒改变她的人生！</h2>
                            <div class="msg-label">热门</div>
                            <p class="cont">创业者来说，一个好的想法能够带来很多发财的机会。你敢做，说不定哪天，你也是致富经里的案例。最重要的是有一双善于发现的眼睛。</p>
                            <div class="view">
                                <span><i class="iconfont">&#xe620;</i>浏览：<em>2750</em>人</span>
                                <span>2019-1-19</span>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        <img src="images/info/article_img.png" alt="">
                        <div class="msg">
                            <h2>致富经经典案例：一个辣椒改变她的人生！</h2>
                            <div class="msg-label">热门</div>
                            <p class="cont">创业者来说，一个好的想法能够带来很多发财的机会。你敢做，说不定哪天，你也是致富经里的案例。最重要的是有一双善于发现的眼睛。</p>
                            <div class="view">
                                <span><i class="iconfont">&#xe620;</i>浏览：<em>2750</em>人</span>
                                <span>2019-1-19</span>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        <img src="images/info/article_img.png" alt="">
                        <div class="msg">
                            <h2>致富经经典案例：一个辣椒改变她的人生！</h2>
                            <div class="msg-label">热门</div>
                            <p class="cont">创业者来说，一个好的想法能够带来很多发财的机会。你敢做，说不定哪天，你也是致富经里的案例。最重要的是有一双善于发现的眼睛。</p>
                            <div class="view">
                                <span><i class="iconfont">&#xe620;</i>浏览：<em>2750</em>人</span>
                                <span>2019-1-19</span>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        <img src="images/info/article_img.png" alt="">
                        <div class="msg">
                            <h2>致富经经典案例：一个辣椒改变她的人生！</h2>
                            <div class="msg-label">热门</div>
                            <p class="cont">创业者来说，一个好的想法能够带来很多发财的机会。你敢做，说不定哪天，你也是致富经里的案例。最重要的是有一双善于发现的眼睛。</p>
                            <div class="view">
                                <span><i class="iconfont">&#xe620;</i>浏览：<em>2750</em>人</span>
                                <span>2019-1-19</span>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        <img src="images/info/article_img.png" alt="">
                        <div class="msg">
                            <h2>致富经经典案例：一个辣椒改变她的人生！</h2>
                            <div class="msg-label">热门</div>
                            <p class="cont">创业者来说，一个好的想法能够带来很多发财的机会。你敢做，说不定哪天，你也是致富经里的案例。最重要的是有一双善于发现的眼睛。</p>
                            <div class="view">
                                <span><i class="iconfont">&#xe620;</i>浏览：<em>2750</em>人</span>
                                <span>2019-1-19</span>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        <img src="images/info/article_img.png" alt="">
                        <div class="msg">
                            <h2>致富经经典案例：一个辣椒改变她的人生！</h2>
                            <div class="msg-label">热门</div>
                            <p class="cont">创业者来说，一个好的想法能够带来很多发财的机会。你敢做，说不定哪天，你也是致富经里的案例。最重要的是有一双善于发现的眼睛。</p>
                            <div class="view">
                                <span><i class="iconfont">&#xe620;</i>浏览：<em>2750</em>人</span>
                                <span>2019-1-19</span>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <!--右边-->
        <div class="mb-right">
            <!--最新资讯-->
            <div class="mr-news">
                <div class="mrn-title">

                </div>
                <ul>
                    <li>
                        <a href="javascript:void(0);">创业加盟还是自营比较好，看过创业加盟还是自营比较好，看过...</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">创业加盟还是自营比较好，看过创业加盟还是自营比较好，看过...</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">创业加盟还是自营比较好，看过创业加盟还是自营比较好，看过...</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">创业加盟还是自营比较好，看过创业加盟还是自营比较好，看过...</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">创业加盟还是自营比较好，看过创业加盟还是自营比较好，看过...</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">创业加盟还是自营比较好，看过创业加盟还是自营比较好，看过...</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">创业加盟还是自营比较好，看过创业加盟还是自营比较好，看过...</a>
                    </li>
                </ul>
            </div>

            <!--品牌故事-->
            <div class="story">
                <!--品牌标题-->
                <div class="story-title">

                </div>
                <ul class="brand-box">
                    <li>
                        <a href="javascript:void(0);">
                            <img src="images/info/brand01.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <img src="images/info/brand02.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <img src="images/info/brand03.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <img src="images/info/brand04.png" alt="">
                        </a>
                    </li>
                </ul>
            </div>


            <!--最新案例-->
            <div class="case">
                <!--标题-->
                <div class="selqa-title">

                </div>
                <ul class="sel-nav">
                    <li>
                        <a href="javascript:void(0);">现在韩巴巴炸鸡店在上海可以加盟吗？</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            加盟果然爱冰淇淋要多少钱?
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">2019有味少年加盟费多少？</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">在武威加盟蜀帅火不火？</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">想去暖小稻考察怎么预约时间?</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">现在韩巴巴炸鸡店在上海可以加盟吗？</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">加盟果然爱冰淇淋要多少钱?</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">2019有味少年加盟费多少？</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">在武威加盟蜀帅火不火？</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">想去暖小稻考察怎么预约时间?</a>
                    </li>
                </ul>
            </div>

            <!--人物专访-->
            <div class="interview">
                <!--标题-->
                <div class="interview-title">

                </div>
                <div>
                    <img src="images/info/person.png" alt="">
                </div>
                <ul class="interview-nav">
                    <li><a href="javascript:void(0);">暖小稻：现炒现煮，良心之作</a></li>
                    <li><a href="javascript:void(0);">20平米的酸辣粉店靠什么撑门面？</a></li>
                    <li><a href="javascript:void(0);">加盟辣么棒 初期创业好选择</a></li>
                </ul>
            </div>


        </div>
    </div>
</main>


<script src="lib/jq/jquery-1.10.2.min.js"></script>
<script src="lib/jq/jquery.ellipsis.js"></script>

<!--导航栏的js-->
<script src="js/tab.js"></script>
<!--swiper-->
<script src="lib/swiper/swiper.min.js"></script>
<script src="js/common.js"></script>

<script>
    $(function () {
        // 新闻tab栏切换
        $(".ml-tab").on("click", "li", function () {
            $(this).addClass("mlt-active").siblings().removeClass("mlt-active")
            $(".ml-item ul").eq($(this).index()).show().siblings().hide()
        })

        // 换一批按钮动画
        function huanAnimation(ele) {
            $(ele).on("click", function () {
                $(ele).children("img").addClass("runanimation")
                setTimeout(function () {
                    $(ele).children("img").removeClass("runanimation")
                }, 2000)
            })
        }

        // huanAnimation(".hot-huan")
        // huanAnimation(".recommend-huan")


        // 轮播图初始化
        function lbtInit() {
            var mySwiper = new Swiper('.swiper-container', {
                loop: true,
                // 如果需要分页器
                pagination: '.swiper-pagination',
                // 如果需要前进后退按钮
                nextButton: '.swiper-button-next',
                prevButton: '.swiper-button-prev',
            })
        }

        lbtInit()

        // 省略号
        // $('.cont').ellipsis({
        //     maxWidth: 406,
        //     maxLine: 3
        // });
        // $('.cont').ellipsis({maxWidth:405,maxLine:2});

    })
</script>
<script>

</script>
</body>
</html>
